<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="secured" uri="http://www.springframework.org/security/tags" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<secured:authorize ifAnyGranted="ROLE_AUTENTICADO">
<head>
	<title><spring:message code="titulo.principal" text="ConstruSoft Suite - Página principal" /></title>
</head>
<body>
	<div class="contenedor modulo">
		<a id="cerrar" class="link-cerrar" href="javascript:void(0);"><spring:message code="etiqueta.cerrar" text="Cerrar" /></a>
		
		<div id="modulo" class="horizontal">
			&nbps;
		</div>
	</div>

	<secured:authorize ifAnyGranted="ROLE_VER_SESIONES">
	<div id="SESIONES" class="contenedor menu">
		<div class="actualizar">
			<a href="javascript:indicador('SESIONES');"><spring:message code="etiqueta.actualizar" text="Actualizar" /></a>
		</div>	   		    		
    	<label><spring:message code="etiqueta.sesionesAbiertas" text="Sesiones abiertas" /></label>
        <span class="indicador">-</span>
        <a href="javascript:sesiones();"><spring:message code="menu.sesiones.ver" text="Ver sesiones" /></a>
   	</div>
   	</secured:authorize>
        
    <secured:authorize ifAnyGranted="ROLE_VER_USUARIOS">
    <div id="USUARIOS" class="contenedor menu">
    	<div class="actualizar">
			<a href="javascript:indicador('USUARIOS');"><spring:message code="etiqueta.actualizar" text="Actualizar" /></a>
		</div>	   		    		
    	<label><spring:message code="etiqueta.usuariosConectados" text="Usuarios conectados" /></label>
        <span class="indicador">-</span>
        <a href="javascript:usuarios();"><spring:message code="menu.usuarios.ver" text="Ver usuarios" /></a>
        
        <secured:authorize ifAnyGranted="ROLE_CREAR_USUARIO">
        <a href="javascript:crear('USUARIOS');"><spring:message code="menu.usuarios.crear" text="Crear usuario" /></a>
        </secured:authorize>
    </div>
    </secured:authorize>
    
    <secured:authorize ifAnyGranted="ROLE_VER_TAREAS">
    <div id="TAREAS" class="contenedor menu">
    	<div class="actualizar">
			<a href="javascript:indicador('TAREAS');"><spring:message code="etiqueta.actualizar" text="Actualizar" /></a>
		</div>	   		    		
    	<label><spring:message code="etiqueta.tareasEnEjecucion" text="Tareas en ejecución" /></label>
        <span class="indicador">-</span>
        <a href="javascript:tareas();"><spring:message code="menu.tareas.ver" text="Ver tareas" /></a>
    </div>
    </secured:authorize>
    
    <secured:authorize ifAnyGranted="ROLE_VER_CLIENTES">
    <div id="CLIENTES" class="contenedor menu">
    	<div class="actualizar">
			<a href="javascript:indicador('CLIENTES');"><spring:message code="etiqueta.actualizar" text="Actualizar" /></a>
		</div>	   		    		
    	<label><spring:message code="etiqueta.clientesRegistrados" text="Clientes registrados" /></label>
        <span class="indicador">-</span>
        <a href="javascript:clientes();"><spring:message code="menu.clientes.ver" text="Ver clientes" /></a>
        
        <secured:authorize ifAnyGranted="ROLE_CREAR_CLIENTE">
        <a href="javascript:crear('CLIENTES');"><spring:message code="menu.clientes.crear" text="Crear cliente" /></a>
        </secured:authorize>
    </div>
    </secured:authorize>
    
    <!-- JAVASCRIPT -->
    <script type="text/javascript">
    	jQuery(document).ready(function(){
   			<secured:authorize ifAnyGranted="ROLE_VER_SESIONES">
   			indicador('SESIONES');
   		   	</secured:authorize>
   		   	
   		   	<secured:authorize ifAnyGranted="ROLE_VER_USUARIOS">
   		 	indicador('USUARIOS');
   		   	</secured:authorize>
   		   	
   		   	<secured:authorize ifAnyGranted="ROLE_VER_TAREAS">
   		 	indicador('TAREAS');
   		   	</secured:authorize>

   		 	<secured:authorize ifAnyGranted="ROLE_VER_CLIENTES">
		 	indicador('CLIENTES');
		   	</secured:authorize>
   		});

   		function indicador(modulo) {
   			jQuery.ajax(
		        {
		            url:'indicador.json?modulo=' + modulo,
		            cache: false
		        }
		    ).done(
				function(indicador) {
            		jQuery('#' + modulo).find('.indicador').html(indicador);     	
	        	}
	        );
   	   	}

   	    function modulo(modulo) {
			modulo(modulo, null, null);
   	   	}

   		function modulo(modulo, id) {
   			modulo(modulo, null, id);
   	   	}

   		function modulo(modulo, accion, id) {
			if(!accion) {
				accion = "LISTAR";
			}

			var contenedor = jQuery('.modulo');
			jQuery.ajax(
		        {
		            url:'modulo.do',
		            cache: false,
		            data: {
		            	modulo: modulo,
		            	accion: accion,
		            	id: id
		            }
		        }
		    ).done(
				function(html) {
					contenedor.find('#modulo').empty().html(html);
			            
		            contenedor.stop().fadeIn('slow', 
				    	function(){
		            		jQuery('#cerrar').click(
				            	function(){
		    						contenedor.stop().fadeOut('slow');
		    					}
		    				);
		    			}
	    			);
		        }
		    );
   	   	}

   	   	function crear(modulo) {
			switch(modulo) {
				<secured:authorize ifAnyGranted="ROLE_CREAR_USUARIO">
				case 'USUARIOS':
					redirige('usuarios.do', {'accion': 'CREAR'});
					break;
				</secured:authorize>
				<secured:authorize ifAnyGranted="ROLE_VER_CLIENTES">
				case 'CLIENTES':
					redirige('clientes.do', {'accion': 'CREAR'});
					break;
				</secured:authorize>
			};
   	   	}

   	 	<secured:authorize ifAnyGranted="ROLE_VER_SESIONES">
    	function sesiones() {
 			modulo("SESIONES");
    	}
    	</secured:authorize>

    	<secured:authorize ifAnyGranted="ROLE_VER_USUARIOS">
       	function usuarios() {
       		modulo("USUARIOS");
       	}
       	</secured:authorize>
       	
       	<secured:authorize ifAnyGranted="ROLE_VER_TAREAS">
       	function tareas() {
       		modulo("TAREAS");
       	}
       	</secured:authorize>

       	<secured:authorize ifAnyGranted="ROLE_VER_CLIENTES">
       	function clientes() {
       		modulo('CLIENTES');
       	}
	   	</secured:authorize>
   	   	
   	</script>
</body>
</secured:authorize>